<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet"  media="all" type="text/css" />
<title>原神</title>
</head>
<body>
<header class="head">
  <div class="main"><span class="fl"><img src="https://img1.baidu.com/it/u=2837266391,3441220502&fm=253&fmt=auto&app=138&f=PNG?w=183&h=134.png" width="100"/></span>
    <p class="clear"></p>
  </div>
</header>
<nav class="menu">
  <div class="main">
  <ul id="list">
    <li>
        <a href="1.html">登录</a>
        <ul id="u1">
            <li><a href="#">注册</a></li>
        </ul>
    </li>
    <li>
        <a href="2.html">角色</a>
    </li>
    <li>
        <a href="3.html">剧情</a>
    </li>
    <li>
        <a href="index.html">首页</a>
    </li>
  </ul>
  </div>
</nav>
<div class="main">
  <div class="banner "> <img src="https://image.9game.cn/2020/9/11/175386151.jpg" width="100%" /> </div>
  <div class="content">
    <div class="about"> 
      <p>《原神》是由米哈游自研的一款开放世界冒险RPG。你将在游戏中探索一个被称作「提瓦特」的幻想世界。在这广阔的世界中，被神选中的人将被授予「神之眼」，引导元素之力。你将扮演一位名为「旅行者」的神秘角色，你可以踏遍七国，邂逅性格各异、能力独特的同伴，与他们一同对抗强敌，踏上寻回血亲之路；也可以不带目的地漫游，沉浸在充满生机的世界里，让好奇心驱使自己发掘各个角落的奥秘……直到你与分离的血亲重聚，在终点见证一切事物的沉淀，同时，逐步发掘「原神」的真相。 </p>
    </div>
    <div class="clear"></div>
    <div class="bar">
      <h3>主要角色</h3>
    </div>
    <div class="scrollleft">
      <ul>
        <li> <img src="https://img0.baidu.com/it/u=2876112133,1877104637&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500.jpg" width="100%" height="240"/> </a>
          <h3>温迪</h3>
        </li>
        <li> <img src="https://img2.baidu.com/it/u=293314006,2233211164&fm=253&fmt=auto&app=138&f=JPEG?w=200&h=200.jpg" width="100%" height="240"/></a>
          <h3>钟离</h3>
        </li>
        <li> <img src="https://img0.baidu.com/it/u=3412374427,1118031943&fm=253&fmt=auto&app=120&f=JPEG?w=533&h=500.jpg" width="100%" height="240"/></a>
          <h3>雷电将军</h3>
        </li>
        <li> <img src="https://img0.baidu.com/it/u=283157211,3307150483&fm=253&fmt=auto&app=120&f=JPEG?w=800&h=500.jpg" width="100%" height="240"/> </a>
          <h3>纳西妲</h3>
        </li>
        <li> <img src="https://img2.baidu.com/it/u=37341972,3964263131&fm=253&fmt=auto&app=138&f=PNG?w=500&h=406.jpg" width="100%" height="240"/> </a>
          <h3>天理</h3>
        </li>
      </ul>
    </div>
    <div class="clear"></div>
  </div>
</div>
<footer class="end">
  <a href="学习报告.html">学习报告</a>
</footer>
</body>
</html>


